﻿.cabecalho
{
    width: 100%;
    display: block;
    height: 130px;
}
.conteudo-cabecalho
{
    width: 1020px;
    margin: 0 auto;
    padding: 20px 0;
}
@media screen and (max-width: 1019px)
{
    .conteudo-cabecalho
    {
        width: 94%;
    }
}
.logo
{
    float: left;
}
.nav-botao-topo
{
    background: url("../../Content/Layout/separador-longo.png") repeat-x scroll -20px 43px;
    float: right;
    height: 86px;
    padding: 0 18px;
    margin-right: -18px;
    color: White;
}
.botao-grande
{
    display: inline-block;
}

.borda-fora
{
    width: 86px;
    height: 86px;
    background: #dadada; /* Old browsers */
    background: url();
    background: -moz-linear-gradient(top,  #dadada 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dadada 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dadada 0%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dadada 0%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dadada 0%,#f8f8f8 100%); /* W3C */
    position: relative;
    border-radius: 43px;
}

.fundo-botao
{
    width: 84px;
    height: 84px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: #f2f1f1; /* Old browsers */
    background: url();
    background: -moz-linear-gradient(top,  #f2f1f1 0%, #fdfdfd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f1f1), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f1f1 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f1f1 0%,#fdfdfd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f1f1 0%,#fdfdfd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f1f1 0%,#fdfdfd 100%); /* W3C */
    border-radius: 42px;
}

.borda-dentro
{
    width: 68px;
    height: 68px;
    position: absolute;
    top: 8px;
    left: 8px;
    background: #e5e5e5; /* Old browsers */
    background: url();
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #bcbcbc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 0%,#bcbcbc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#bcbcbc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e5 0%,#bcbcbc 100%); /* W3C */
    border-radius: 34px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
}

.borda-dentro:active
{
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.24);
}

.o-botao
{
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: #fafafa; /* Old browsers */
    background: url();
    background: -moz-linear-gradient(top,  #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafafa 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafafa 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fafafa 0%,#eaeaea 100%); /* W3C */
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    border-radius: 33px;
}

.o-botao > span
{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 17px;
    left: 17px;
    background-position: 0 0;
}

.o-botao:hover > span
{
    background-position: 0 -32px;
}

.circulo .borda-fora, .circulo .fundo-botao, .circulo .borda-dentro, .circulo .o-botao
{
    border-radius: 4px;
}

.contador-grande
{
    background: #dd1815; /* Old browsers */
    background: url();
    background: -moz-linear-gradient(top,  #dd1815 0%, #901419 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd1815), color-stop(100%,#901419)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dd1815 0%,#901419 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dd1815 0%,#901419 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dd1815 0%,#901419 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dd1815 0%,#901419 100%); /* W3C */
    height: 21px;
    min-width: 21px;
    padding: 1px;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    float: right;
    z-index: 1;
    border-radius: 12px;
}

.contador-grande span
{
    padding: 2px;
    height: 17px;
    min-width: 17px;
    line-height: 17px;
    display: block;
    text-align: center;
    background: #e1252f; /* Old browsers */
    background: url();
    background: -moz-linear-gradient(top,  #e1252f 0%, #ba1016 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1252f), color-stop(100%,#ba1016)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e1252f 0%,#ba1016 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e1252f 0%,#ba1016 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e1252f 0%,#ba1016 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e1252f 0%,#ba1016 100%); /* W3C */
    -webkit-box-shadow: inset 0 1px 0 rgba(247, 65, 74, 0.54);
    box-shadow: inset 0 1px 0 rgba(247, 65, 74, 0.54);
    border-radius: 11px;
}
.dinheiro
{
		background: url("../../Content/Layout/dinheiro.png") no-repeat scroll transparent;
}
.relatorio
{
    background: url("../../Content/Layout/relatorio.png") no-repeat scroll transparent;
}